<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      >
<head th:replace="fragments/tabhead::headc"></head>
<body>
<th:block layout:fragment="content">
<div style="margin-top:15px">
	<!-- start form -->
	 <form class="layui-form search" id="searchForm">
	 	<div class="layui-form-item layui-elem-quote">
		    <div class="layui-inline" style="margin-left:-30px;">
		      <label class="layui-form-label" style="width:100px;">公司名</label>
		      <div class="layui-input-inline" style="width:200px">
		      		<input class="layui-input" readonly type="text" id="companyName" th:value="${companyName}" name="companyName">
		      		<input class="layui-input" type="hidden" th:value="${companyId}" id="companyId" name="companyId">
		      		<input class="layui-input" type="hidden" th:value="${supplierCustomerId} "id="supplierCustomerId" name="supplierCustomerId">
		      </div>
		    </div>
		    <div class="layui-inline" style="margin-left:-30px;">
		      <label class="layui-form-label" style="width:100px;">姓名:</label>
		      <div class="layui-input-inline" style="width:130px">
		        <input type="text" id="name" class="layui-input" name='name' placeholder="请输入姓名"/>
		      </div>
		    </div>
		    <div class="layui-inline">
		      <div class="layui-input-inline" style="width:400px;">
		        <button class="layui-btn" id="searchBtn" type="button">查询</button>
		        <button class="layui-btn" id="addBtn" type="button" authcode='900323'>新增</button>
		      </div>
		    </div>
		  </div>
	 </form>
	 <!-- end form -->
 </div>
<table class="layui-table"  id="tab" lay-filter="tab"></table>
<script>
var ins,trobj,editdialogindex;
$(function() {
	// start table use
	layui.use('table',function() {
		var table = layui.table;
		//tart table render
	ins=table.render({
			elem:'#tab'
			,url:'/com/provider/supplier/contacts/data'
			,where:{companyId:$("#companyId").val(),supplierCustomerId:$("#supplierCustomerId").val()}
			,cols:[[
// 					  {field:'id',width:80, sort: true,title:'ID',fixed:'true'},
				      {field:'name', width:250,title:'姓名'},
				      {field:'postName',width:180,title:'职位'},
				      {field:'email', width:250,title:'邮箱'},
				      {field:'phone', width:180,title:'联系电话'},
				      {field:'mobile', width:180,title:'手机号'},
				      {field:'fax', width:180,title:'传真'},
				      {field:'qq', width:180,title:'qq'},
				      {field:'ctime', width:180,sort: true,title:'创建日期'},
				      {field:'remark', width:180,title:'备注'},
				      {align:'center',fixed:'right',width:250, toolbar:'#toolbar',title:'操作'}
			     ]]
				,page: true //是否显示分页
			    ,limits: [10,20,50]
			    ,limit:10 //每页默认显示的数量
				,done:function(res,curr,count){
	// 			 console.log(res);
				 page = curr;
				    //得到当前页码
				    console.log(curr); 
				    //得到数据总量
				    console.log(count);
			}
		});//end table render
		//start table on 监听工具条
		table.on('tool(tab)',function(obj) {
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值
			trobj = obj;
			var tr = obj.tr; //获得当前行 tr 的DOM对象
			if(layEvent == 'edit') {
				$.get('/com/provider/supplier/contacts/edit/?id='+data.id,{},function(str) {
					editdialogindex = layer.open({
						title:"联系人修改",
					    type: 1,
					    area: ['730px', '350px'],
					    content: str, //注意，如果str是object，那么需要字符拼接。
					    zIndex:10
					  });
				});
			}else if(layEvent == 'del') {
				 layer.confirm('确定删除该行单据', {icon: 3, title:'提示'}, function(index){
				    		 //向服务端发送删除指令
				    		$.get('/com/provider/supplier/contacts/del_execute?id='+data.id,{},function(result) {
				    			if(result.code == 200) {
				    				trobj.del(); //删除对应行（tr）的DOM结构
								    layer.close(index);
								    layer.msg(result.message,{icon: 6});
								    return false;
				    			}else{
				    			 layer.msg(result.message,{icon: 0});
				    			 layer.close(index);
				    			 return false;
				    			} 
				    		});
				      
				      });
			}else if(layEvent == 'detail') {
				$.get('/com/provider/supplier/contacts/view/?id='+data.id,{},function(str) {
					editdialogindex = layer.open({
						title:"联系人详情",
					    type: 1,
					    area: ['730px', '350px'],
					    content: str, //注意，如果str是object，那么需要字符拼接。
					    zIndex:10
					  });
				});
			}
		});//end table on
		 $("#searchBtn").click(function(){
			    ins.reload({url: '/com/provider/supplier/contacts/data',where:$("#searchForm").serializeJson()})
			    return false;
			});  //end search
		$("#addBtn").click(function() {
			var companyId = $("#companyId").val();
			var supplierCustomerId = $("#supplierCustomerId").val();
			console.log("companyId="+companyId+"supplierCustomerId="+supplierCustomerId);
			$.get('/com/provider/supplier/contacts/addinit?companyId='+companyId+'&supplierCustomerId='+supplierCustomerId,{},function(str) {
				editdialogindex = layer.open({
					title:"联系人新增",
				    type: 1,
				    area: ['730px', '350px'],
				    content: str, //注意，如果str是object，那么需要字符拼接。
				    zIndex:10
				  });
			});
		});
	});//end table use
});
</script>		 
<script type="text/html" id="toolbar">
	<a class="layui-btn  layui-btn-mini" lay-event="detail">详情</a>
	<a class="layui-btn layui-btn-mini" lay-event="edit" authcode="900324">修改</a>
	<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del" authcode="900325">删除</a>
</script>		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
</th:block>
</body>
</html>